<?php
/**
 * @Author: Ron Chen
 * @Date:   2017-03-23 23:23:24
 * @Last Modified by:   Ron Chen
 * @Last Modified time: 2017-08-30 23:41:12
 */
?>

<div class="row">
	<div class="col-sm-12">
		<img src="/image/product/detail/<?=$project->project_code; ?>.png" class="img-thumbnail img-responsive" height='150' width="100%">
	</div>
</div>

<?php if($project_price){ ?>
<div class="panel panel-warning" style="margin-bottom:10px;margin-top:10px;">
  <div class="panel-body" style="padding:10px;">
    <a class="btn btn-block" style="text-align:left;" data-toggle="modal" href="#counter">
      <span style="padding-left: 10px;">选择计划以及期限></span>
      <span class="pull-right" style="color: red;font-size: 16px;">￥<?php echo sprintf("%.2f",$plan->min_price).'起';?></span>
    </a>
  </div>
</div>
<?php } ?>

<ul class="nav nav-tabs">
	<li class="active"><a href="#detail" data-toggle="tab">产品详情</a></li>
	<li><a href="#service" data-toggle="tab">保险责任/保额</a></li>
	<li><a href="#message" data-toggle="tab">常见问题</a></li>
</ul>
<div class="tab-content panel">
  <div class="tab-pane active" id="detail" style="margin-bottom: 60px;height:auto;">
  	<img class="img-responsive" src="/image/detail/<?php echo $project->project_code; ?>.png" title="产品说明">
  </div>
  <div class="tab-pane" id="service" style="padding: 10px 10px;height: auto;">
  		<?php if($benifit) {?>
          <table class="table table-striped table-hover">
            <thead>
              <tr>
                <th><b>权益项目</b></th>
                <th><b>保障额度</b></th>
              </tr>
            </thead>
            <tbody>
            <?php foreach ($benifit as $item) { ?>
              <tr>
                <th scope="row"><?=$item["name"] ?></th>
                <th scope="row"><?php echo empty($item["price"]) ? '' : ￥.number_format($item["price"],0,'.',','); ?></th>
              </tr>  
            <?php } ?>
            </tbody>
          </table>
      <?php }?>
  </div>
  <div class="tab-pane" id="message" style="height: auto;">
  	<!-- 常见问题 -->
    <?php if($project->project_code != "ABTAAP"){ ?>
  	<div class="row" style="padding: 0px 20px;">
  		<div class="col-sm-12">
  			<h4>Q：境外留学保险的保障范围有哪些？</h4>
  			<p>A：境外留学保险提供在境外留学期间因意外伤害造成的身故、残疾保障以及意外医疗费用赔偿，并提供紧急救援及旅行不便、学业中断、学校倒闭、自驾游等全方位保障。</p>
  		</div>
  	</div>
    <hr />
  	<div class="row" style="padding: 0px 20px;">
  		<div class="col-sm-12">
  			<h4>Q：能否购买保险期限超过一年的保险？</h4>
  			<p>A：可以的。此产品每次投保的保险期限最长可选择1年，每次承保旅程最长期限为366天。超过1年可选择多次投保，最长可投保3年。</p>
  		</div>
  	</div>
    <hr />
    <div class="row" style="padding: 0px 20px;">
      <div class="col-sm-12">
        <h4>Q：我的学校在新加坡，我暑假去泰国旅行能获得保障吗？</h4>
        <p>A：可以，投保境外留学保险后，在全球国家和地区（除不承保地区外）均可享受保障。</p>
      </div>
    </div>
    <hr/>
    <div class="row" style="padding: 0px 20px;">
      <div class="col-sm-12">
        <h4>Q：我在国外如何使用紧急救援服务？</h4>
        <p>A：接通所在国电话接线员,请他(她)为您拨通24小时对方付费电话400-800-2020(境外:+86 20 8513 2999);告诉AGA工作人员您所需的服务并请提供您所在地详情、电话及您的保单号码,您就会获得国际支援服务人员的及时服务。</p>
      </div>
    </div>
    <?php }else{ ?>
    <div class="row" style="padding: 0px 20px;">
      <div class="col-sm-12">
        <h4>Q：这款产品只保商务旅游保障吗？探亲可不可以购买？</h4>
        <p>A：不可以，这款产品针对商务旅行人士而设置，保障被保险人经其雇主委派，从事以商务为目的的旅行。该旅行并不包括被保险人往来其日常居住地与日常工作地或被保险人的个人旅游或旅行。</p>
      </div>
    </div>
    <hr />
    <div class="col-sm-12">
        <h4>Q：这款产品的商旅随身设备包括哪些？</h4>
        <p>A：商旅随身设备涵盖手提电脑，平板电脑，投影仪，或与商务旅行密切相关的设备及物品。</p>
    </div>
    <hr />
    <div class="col-sm-12">
        <h4>Q：什么是高尔夫一杆进洞？</h4>
        <p>A：指从开球草坪到下一个球洞标准击球杆数不低于三杆的情况下，参赛的高尔夫球员在正式比赛中一杆把球从开球草坪击进下一个球洞。</p>
    </div>
    <hr />
    <div class="col-sm-12">
        <h4>Q：这款产品的公共交通工具包括哪些？</h4>
        <p>A：公共交通工具指领有当地政府主管部分依法颁发的公共交通营运执照，以收费方式合法载客的以下交通工具：公共汽车、长途汽车、出租车、渡船、气垫船、水翼船、轮船、火车、有轨电车、轨道列车（包括地铁、轻轨及磁悬浮列车）；经营固定航班的航空公司经营的来往商业客运机场的定翼飞机；航空公司所经营的且往来商业客运机场之间或有营运执照的直升机站之间营运的直升飞机；按固定路线和时间表营运的固定机场客车，机场内的摆渡车。
若上述所列的各种公共交通工具用于非公共交通工具的目的和用途，均不符合合同中公共交通工具的定义。另政府、企业及私人包机亦不在公共交通工具定义之内。</p>
    </div>
    <hr />
    <div class="col-sm-12">
        <h4>Q：在个人和宠物责任保障中，猫是属于保障范围内的宠物吗？</h4>
        <p>A：猫不在保障范围内，这里的宠物指被保险人因玩赏、伴侣的目的而饲养或管理符合《中华人民共和国动物防疫法》以及被保险人经常住所当地宠物管理条例和办法所规定的犬类动物。</p>
    </div>
    <hr />
    <?php } ?>
  </div>
</div>

<div class="panel panel-default">
    <div class="panel-body">
      <a class="btn-link" style="margin-left: 20px;margin-top: 15px; font-size: 12px;" role="button" data-toggle="modal" href="#btn_service" >查看条款及告知提示</a>
    </div>
  </div>

<nav class="navbar navbar-default navbar-fixed-bottom" style="padding: 5px 0px;">
    <div class="navbar-inner navbar-content-center">
    	<div class="row">
        	<div class="col-xs-12">
            <?php if($project_price){ ?>
              <a class="btn btn-block btn-success" data-toggle="modal" href="#counter">立即购买</a>
            <?php }else{ ?>
              <a class="btn btn-block btn-success" href="/buy/step?id=<?php echo $plan->plan_id; ?>">立即购买</a>
            <?php } ?>
        	</div>
        </div>
    </div>
</nav>

<!-- 服务条款 -->
<div id="btn_service" class="modal fade bs-example-modal-lg" style="background-color: #fff;height:600px; width:98%;position:fixed;top:40px;left: 0;">
  <button type="button" class="close" style="padding: 10px;font-size: 30px;"  data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
  </button>
  <div class="modal-body" style="z-index: -1;">
    <ul class="nav nav-tabs" style="margin-top: 10px;">
      <li class="active"><a href="#notice" data-toggle="tab">保险告知</a></li>
      <li><a href="/doc/insurance.pdf" target="_blank">保险条款</a></li>
    </ul>
    <div class="tab-content panel">
        <!-- 保险告知 -->
        <?php if($project->project_code != "ABTAAP"){?>
        <div class="tab-pane active" id="notice">
          <div>
               <div style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
            <p style="text-align: center; margin:20px 0px;">
              <span style="font-size:20px;font-family: 微软雅黑, sans-serif"><strong>安联境外留学/游学产品投保须知</strong></span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>1.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本产品由安联财产保险（中国）有限公司承保，目前该公司在广州、深圳、佛山、东莞、江门、上海设有分支机构。本产品的销售区域为全国。客户从趣寻网（funfind.cn）购买，后续理赔等相关事务均可由趣寻网协助您办理。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>2.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">被保险人的投保年龄为12周岁至40周岁, 未满18周岁的未成年人的身故保险金额不超过保监会规定的限额;
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>3.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本产品每一被保险人限投一份，若同一个被保险人就同一旅行同时投保本保险公司2份（或以上）任何旅行险或航意险产品（不包括团体保险），且在不同产品中有相同保险利益的，则本保险公司仅按保额最高者作出赔偿。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>4.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本保单仅承保被保险人从中国大陆境内出发的旅行，且必须于出行前投保。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>5.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本保单仅承保中国大陆以外地区的旅行，具体以本保单明细和条款中所载明或约定的旅行目的地为准。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>6.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">在中国境内（不含港澳台）的外籍人士购买本产品需满足：在中国境内工作或居住满183天以上；如涉及紧急救援，将送返至被保险人在中国的常住地址。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>7.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">如需发票，请联系客服热线: 400-800-2020。
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>8.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">留学期间出险，请立即拨打保险公司24小时救援电话：境外（+8620）85132999；境内400-800-2020
              </span>
            </p>
            <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
              <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>9.&nbsp;</strong></span>
              <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">如需保单验真、查询请登陆http://www.allianz.cn/zh/e_service/查询
              </span>
            </p>
            <p style="text-indent:28px"><strong><span style=";font-family:宋体">（本页)信息不构成保险合同一部分，详细信息请参见保险条款，并以其规定为准。</span></strong>
            </p>
                <br/><br/><br/><br/>
                <br/><br/>
          </div>
              <div style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;"><div style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.498039); border: 1px solid rgba(255, 255, 255, 0.901961); border-radius: 3px; width: 100%; transition-duration: 0ms; display: block; height: 177px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);"></div>
              </div>
          </div>
        </div>
        <?php }else{ ?>
        <div class="tab-pane active" id="notice">
            <div>
               <div style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
                <p style="text-align: center; margin: 20px 0px;">
                  <span style="font-size:20px;font-family: 微软雅黑, sans-serif"><strong>安联商旅通产品投保须知</strong></span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>1.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本产品承保的被保险人投保时的年龄为18-70周岁。
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>2.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">商务旅行是指被保险人经其雇主委派，从事以商务为目的的旅行。该旅行并不包括被保险人往来其日常居住地与日常工作地或被保险人的个人旅游或旅行。
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>3.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本产品每一被保险人限投一份，若同一个被保险人就同一旅行同时投保本保险公司2份（或以上）任何旅行险或航意险产品（不包括团体保险），且在不同产品中有相同保险利益的，则本保险公司仅按所投保产品中保额最高者进行理赔。
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>4.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">除外国家和地区：伊拉克、也门、叙利亚、利比亚、克里米亚、顿涅斯克、卢甘斯克、苏丹、索马里及任何处于战争、军事行动、暴乱或武装叛乱期间的国家或地区。
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>5.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">本保单仅承保被保险人从中国大陆境内出发的旅行，且必须于出行前投保。
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>6.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">理赔需雇主出具加盖公章的被保险人的商务旅行证明。 
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>7.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">全年计划中，单次旅行最长天数可选择183天和365/366天。（实际承保期间为365/366天，是依据投保当年实际天数，即是否闰年而定）
                  </span>
                </p>
                <p style="margin-bottom:0;text-align:justify;text-justify:inter-ideograph">
                  <span style="font-size:14px;font-family: '微软雅黑','sans-serif'"><strong>8.&nbsp;</strong></span>
                  <span style="font-size: 14px;font-family: 微软雅黑, sans-serif">被保险人因投保前已患有的心脑血管疾病、高血压或糖尿病或前述疾病并发症申请索赔，属于除外责任。
                  </span>
                </p>
                <br/><br/><br/><br/>
                <br/><br/>
               </div>
              <div style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;"><div style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.498039); border: 1px solid rgba(255, 255, 255, 0.901961); border-radius: 3px; width: 100%; transition-duration: 0ms; display: block; height: 177px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);"></div>
              </div>
             </div>
        </div>
        <?php } ?>
    </div>
  </div>
</div>

<!-- 选择服务页面 -->
<div id="counter" class="fade panel" style="display: none;height:280px;width: 98%;position:fixed;z-index:1052;bottom:0;left:0;">
    <button type="button" class="close" style="padding: 10px;font-size: 30px;"  data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <div class="modal-body" style="z-index: -1;height: 220px;">
        <!-- 显示计划 -->
        <?php if ($project_price): ?>
          <!-- 第一行 -->
          <p class="text-muted">请选择年龄段：</p>
          <div class="btn-group btn-group-justified" role="group" aria-label="计划列表">
          <?php $i=0; ?>
          <?php foreach ($project_price as $key => $row): ?>
              <?php $i++; ?>
              <div class="btn-group" role="group">
                <button type="button" data-param="<?=$key;?>" data-id="<?=$row[0]['id'];?>" data-price="<?= isset($row[0]['price_amount']) ? $row[0]['price_amount'] : '' ?>" class="btn-plan btn btn-default <?php echo  $i==1 ? 'btn-info' : '' ?>"><?= isset($row[0]['plan_name']) ? $row[0]['plan_name'] : ''; ?></button>
              </div>
          <?php endforeach ?>
          </div>
          <!-- 默认显示第一行第一个计划 -->
          <p class="text-muted" style="margin-top: 10px;">请选择保险期限：</p>
          <div class="sel_day">
          <?php $i=0; ?>
          <?php foreach ($project_price as $key => $row): ?>
              <?php $i++; ?>
              <div class="btn-group btn-group-justified <?=$key;?>" role="group" aria-label="计划列表" style="<?= $i==1 ? '' : 'display: none' ?>">
                <?php foreach ($row as $item): ?>
                  <div class="btn-group" role="group">
                    <button type="button"  data-id="<?=$item['id'];?>" data-price="<?php echo $item['price_amount']?>" class="btn btn-default"><?= isset($item['price_time']) ? $item['price_time'] : ''; ?></button>
                  </div>
                <?php endforeach ?>
              </div>
          <?php endforeach ?>
          </div>
        <?php endif ?>
        <!-- 当前金额 -->
        <input type="hidden" value="" id="btn_price_code">
        <p style="line-height: 3;" ><b> 价格： </b> ￥<span style="color: red;font-size: 16px;" id="cur_price"><?php echo $plan->min_price.'起';?></span></p>
    </div>
    
    <div class="modal-footer">
      <a id="btn_confrim" class="btn btn-block btn-success" href="#" class="btn btn-success">确定</a>
    </div>
</div>

<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

<script type="text/javascript">
  $(".btn-plan").click(function(e) {
      var _self = $(this);
      var class_name = "." + _self.attr('data-param');
      _self.parent().siblings().find("button").removeClass('btn-info');
      _self.addClass('btn-info');
      $(class_name).show().siblings().hide();
      // 清空期限的选择
      $(".sel_day").find("button").removeClass('btn-info');
      // 更改最小价格
      $("#cur_price").html(_self.attr("data-price"));
      
      var source = "<?php echo $source; ?>";
      var href_url = "/buy/step?id=" + _self.attr("data-id") + "&source=" + source;
      $("#btn_confrim").attr('href',href_url);
  });

  // 选择日期
  $(".sel_day button.btn").on('click',function(){
    var _self = $(this);
    _self.parent().siblings().find("button").removeClass('btn-info');
    _self.addClass('btn-info');
    $("#cur_price").html(_self.attr("data-price"));
    
    // 更新
    var source = "<?php echo $source; ?>";
    var href_url = "/buy/step?id=" + _self.attr("data-id") + "&source=" + source;
    $("#btn_confrim").attr('href',href_url);
  })


    $("body").on("touchmove",function(event){
        event.preventDefault;
    }, false);
    $("body").off("touchmove");
</script>

